.wrap {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
  &.hide {
    display: none;
  }
  .scroll-wrap {
    box-sizing: border-box;
    margin-top: 200px;
    padding-bottom: 40px;
    height: calc(100%-200px);
    background: @bg-light;
    border-radius: 10px 10px 0 0;
    overflow: auto;
    .container {
      display: flex;
      flex-direction: column;
      .options-list {
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        padding: 15px;
        border-bottom: 1px solid @split-line;
        &:last-of-type {
          border-bottom: 0;
        }
        .list-title {
          line-height: 20px;
          font-size: 14px;
          font-weight: bold;
          color: @main-text-color;
        }
        .list-items-wrap {
          display: flex;
          flex-direction: column;
          .list-item {
            margin-top: 15px;
            display: flex;
            align-items: center;

            .item-icon {
              width: 36px;
              height: 36px;
              margin-right: 15px;
            }

            .item-text {
              width: 290px;
              font-size: 14px;
              color: @minor-color;
              .text-overflow();
            }
            .item-declare {
              padding-top: 2px;
              color: #999;
              font-size: 12px;
              text-align: left;
              font-family: PingFangSC-Regular;
              white-space: nowrap;
              width: 290px;
              overflow: hidden;
              text-overflow: ellipsis;
            }
          }
        }
      }
    }
  }
  .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: 20px;
    width: 100%;
    text-align: center;
    background: @bg-light;
    .icon {
      font-size: 26px;
    }
  }
}
